<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>firstSubPage</title>
    <style type="text/css">
        *{
            margin: 0px;
            padding: 0px;
        }
        #wrap{
            width: 368px;
            margin: 0px auto;
        }
        .top{
            width: 368px;
            height: 36px;
            background-color: dodgerblue;
        }
        #left{
            display: block;
            font-size: xx-large;
            width: 135px;
            float: left;
            margin-top: -5px;
            color: white;
        }
        #right{
            width: 100px;
            float: left;
            color: white;
            font-size: x-large;
        }
        .main{
            height: 580px;
            padding-top: 15px;
            background-color: darkgrey;
        }
        ul {
            list-style: none;
        }
        li{
            float: left;
            overflow: hidden;
        }
        p{
            line-height: 15px;
            font-size: small;
            text-align: center;
        }
        a{
            text-decoration: none;
        }
        #li01{
            width: 153px;
            height: 125px;
            margin-left: 15px;
            margin-right: 28px;
            background-color: lightgray;
        }
        #li02{
            width: 153px;
            height: 125px;
            background-color: lightgray;
        }
        #li03{
            width: 153px;
            height: 125px;
            margin-left: 15px;
            margin-right: 28px;
            margin-top: 25px;
            background-color: lightgray;
        }
        #li04{
            width: 153px;
            height: 125px;
            margin-top: 25px;
            background-color: lightgray;
        }
        #li05 {
            width: 153px;
            height: 125px;
            margin-left: 15px;
            margin-right: 28px;
            margin-top: 30px;
            background-color: lightgray;
        }
        #li06{
            width: 153px;
            height: 125px;
            margin-top: 30px;
            background-color: lightgray;
        }
        #footer{
            width: 120px;
            height: 28px;
            background-color: dodgerblue;
            color: white;
            margin-top:530px;
            margin-left: 124px;
            text-align: center;
            padding-top: 5px;
        }
    </style>
</head>
<body>
<div id="wrap">
    <div class="top">
        <div >
            <a id="left" href="homePage.html"><</a>
        </div>
        <div id="right">
            精彩福特
        </div>
    </div>
    <div class="main">
        <form>
            <ul>
                <li id="li01">
                    <a href="secondSubPage.html"  style="color: black">
                        <div>
                            <img src="../src/img/img4s-05.PNG">
                            <p>探索福特<br />智能科技</p>
                        </div>
                    </a>
                </li>
                <li id="li02">
                    <a href=""  style="color: black">
                        <div>
                            <img src="../src/img/img4s-06.PNG">
                            <p>新福克斯<br />冲刺Focus1</p>
                        </div>
                    </a>
                </li>
                <li id="li03">
                    <a href="" style="color: black">
                        <div>
                            <img src="../src/img/img4s-07.PNG">
                            <p>白金动力组合1.0升GTDi<br />福特新嘉年华震撼上市</p>
                        </div>
                    </a>
                </li>
                <li id="li04">
                    <a href="" style="color: black">
                        <div>
                            <img src="../src/img/img4s-08.PNG">
                            <p>全新福特Mustang<br />传奇来袭</p>
                        </div>
                    </a>
                </li>
                <li id="li05">
                    <a href="" style="color: black">
                        <div>
                            <img src="../src/img/img4s-09.PNG">
                            <p>新嘉年华 夜冲<br />看我的</p>
                        </div>
                    </a>
                </li>
                <li id="li06">
                    <a href="" style="color: black">
                        <div>
                            <img src="../src/img/img4s-10.PNG">
                            <p>新蒙迪欧尽览权威大奖<br />誊领主流</p>
                        </div>
                    </a>
                </li>
            </ul>
        </form>
        <div id="footer">
            <a href="" style="color: white" >开始上网</a>
        </div>
    </div>
</div>
</body>
</html>